<!-- 大华 》 实时预览 -->

<template>
  <DeviceBody
    class="VideoPlay DahuaPlay"
    :class="{ 'VideoPlay-folded': fold }"
    :checkDisable="checkDisable"
    filterTip="请输入名称或编号"
    diy
  >
    <EasyCard class="VideoPlay-control">
      <template #title>
        <span>云台控制</span>
        <BtnText @click="fold = !fold"><i class="el-icon-arrow-down" /></BtnText>
      </template>

      <MyControl />
    </EasyCard>

    <EasyCard full>
      <DhPlayer ref="player" :value="chosen.thirdCode" @change="toChange" />
    </EasyCard>
  </DeviceBody>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import HaikangPlay from '../HaikangPlay'

// ============================== 导出组件 ============================== //

export default CORE.extend(HaikangPlay, {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'DahuaPlay',
})
</script>

<style lang="scss">
@import './index.scss';
</style>
